<template>
    <div id="app">
        <router-view />
    </div>
</template>

<script>

export default {
    name: 'App',
    data() {
        return {
            transitionName: ''
        }
    },
    created() {
        // bind event
        this.$navigation.on('forward', (to, from) => {
            console.log('forward')
            if (this.$route.meta.transition === 1) {
                this.transitionName = 'slide-left'
            }
        })
        this.$navigation.on('back', (to, from) => {
            console.log('back')
            if (this.$route.meta.transition === 1) {
                this.transitionName = 'slide-right'
            }
        })
        this.$navigation.on('replace', (to, from) => {
            console.log('replace')
            this.transitionName = 'fade'
        })
        this.$navigation.on('refresh', (to, from) => {
            console.log('refresh')
            this.transitionName = 'fade'
        })
        this.$navigation.on('reset', () => {
            console.log('reset')
            this.transitionName = 'fade'
        })
    },
}
</script>

<style lang="less">
#__vconsole {
    display: none;
}
.yd-radio-text {
    display: none !important;
    font-size: 0;
}

@import "./asset/swiper/swiper.css";
@import "./asset/mint-ui/lib/style.css";
@import "./asset/vue-ydui/dist/ydui.px.css";
@import "./asset/css/base";
@import "./asset/css/transition";
</style>
